<!DOCTYPE html>
<html lang="zh-cn">

<head >
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, user-scalable=no"
    />
    <meta name="apple-mobile-web-app-status-bar-style" content="black" />
    <meta name="format-detection" content="email=no" />
    <meta name="apple-mobile-web-app-capable" content="yes" />
    <meta name="format-detection" content="telephone=no" />
    <meta name="renderer" content="webkit">
    <meta name="apple-mobile-web-app-status-bar-style" content="black">
    <meta name="apple-mobile-web-app-title" content="Amaze UI" />
    <meta http-equiv="Cache-Control" content="no-cache, no-store, must-revalidate" />
    <meta http-equiv="Pragma" content="no-cache" />
    <meta http-equiv="Expires" content="0" />
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>[简历]娄灿🔥网络与新媒体专业🔥</title>
    <link rel="shortcut icon" href="img/UI.png" type="image/x-icon">
    <link rel="stylesheet" href="assets/css/typo.css">
    <link rel="stylesheet" href="assets/css/font-awesome.min.css">
    <link rel="stylesheet" href="assets/css/index.css">
    <script>
        function loading() {
            document.getElementsByClassName('avatar')[0].style.display = 'block';
            document.getElementsByClassName('loading')[0].style.display = 'none';
        }
    </script>
    <img class="mouse" src="assets/img/抠图.png" alt="">

</head>

<body class="Site" >

    <article class="container">
        <section class="side" id="side">


            <!-- 个人肖像 -->
            <address class="me">
                <section class="portrait">
                    <div class="loading">
                        <span></span>
                        <span></span>
                        <span></span>
                        <span></span>
                        <span></span>
                    </div>
                    <!-- 头像照片 -->
                    <figure class="ih-item circle effect">
                    <a href="https://gitee.com/loucan" title="前往我的主页" class="blog-button">
                    <img class="avatar img" src="assets/img/头像.jpg" onload="loading()" alt="img">
                    <figcaption>
                    <div class="info">
                    <div class="info-back">

                </div>
                </div>
                </figcaption>
                </a>
                </figure>
                </section>

                <h1 class="name">娄灿</h1>
                <details><summary class="info-job">本科在读 / 广州</summary>网络与新媒体专业</details>

            </address>

            <!-- 基本信息 -->
            <section class="profile info-unit">
                <h2>
                    <i class="fa fa-address-card" aria-hidden="true"></i>基本信息</h2>
                <hr/>
                <ul>
                    <li>
                        <label>个人信息</label>
                        <span>娄灿 / 男 / 21岁</span>
                    </li>
                    <li>
                        <label>英语水平</label>
                        <span>CET4</span>
                    </li>
                    <li>
                        <label>计算机水平</label>
                        <span>计算机小白</span>
                    </li>
                </ul>
            
			 </section>
            <!-- 联系方式 -->
            <section class="contact info-unit">
                <h2>
                    <i class="fa fa-phone-square" aria-hidden="true"></i>联系方式</h2>
                <hr/>
                <ul>
                    <li>
                        <label>手机</label>
                        <a href="tel:13119548543" target="_blank">13119548543</a>
                    </li>
                    <li>
                        <label>邮箱</label>
                        <a href="mailto:2508553620@qq.com" target="_blank">2508553620@qq.com</a>
                    </li>
                    <li>
                        <label>个人主页</label>
                        <a href="https://gitee.com/dashboard/projects" target="_blank">https://gitee.com/dashboard/projects/</a>
                    </li>
                    <li>
                        <label>Github</label>
                        <a href="https://github.com/loucan" target="_blank">github.com/loucan</a>
                    </li>
                </ul>
            </section>

            <!-- 技能点 -->
            <section class="skill info-unit">
                <h2>
                    <i class="fa fa-percent" aria-hidden="true"></i>技能点</h2>
                <hr/>
                <ul>
                    <li>
                        <label>HTML</label>
                        <progress value="80" max="100"></progress>
                    </li>
                    <li>
                        <label>CSS</label>
                        <progress value="55" max="100"></progress>
                    </li>
                    <li>
                        <label>JavaScript</label>
                        <progress value="45" max="100"></progress>
                    </li>
                    <li>
                        <label>借鉴能力</label>
                        <progress value="100" max="100"></progress>
                    </li>
                </ul>
            </section>

            <section class="qrcode info-unit">
                <h2><i class="fa fa-qrcode" aria-hidden="true"></i>二维码</h2>
                <hr/>

                <svg style="width: 100%;height:100%;" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="215px" height="215px" viewBox="0 0 430 430" enable-background="new 0 0 430 430" xml:space="preserve">  <image id="image0" width="430" height="430" xlink:href="assets/img/微信二维码.jpg" />
                </svg>
                
            </section>
        </section>

        <main class="info-unit">

            <!-- 教育经历 -->
             <section class="edu info-unit">
                <h2>
                    <i class="fa fa-graduation-cap" aria-hidden="true"></i>教育经历</h2>
                <hr/>
                <ul>
                    <li>
                        <h3>
                            <span>培英实验中学（初中）</span>
                            <time>2015.9-2018.7</time>
                        </h3>
                        <p>专业排名
                            <mark>X/XX</mark>，在初中的学习中，积极向上。</p>
                    </li>
                    <li>
                        <h3>
                            <span>广大附属实验中学（高中）</span>
                            <time>2018.9-2021.7</time>
                        </h3>
                        <p>专业排名
                            <mark>X/XX</mark>，高中学习，课内课外兼顾。</p>
                    </li>
					<li>
                        <h3>
                            <span>广州南方学院（原中山大学南方学院） - 网络与新媒体专业（本科）</span>
                            <time>2021.9-至今</time>
                        </h3>
                        <p>专业排名
                            <mark>X/XX</mark>，就读于广州南方学院（原中山大学南方学院）网络与新媒体专业</p>
                    </li>
                </ul>
            </main>

            <!-- 在校经历 -->
            <main class="work info-unit">
                <h2>
                    <i class="fa fa-calendar-minus-o" aria-hidden="true"></i>在校经历</h2>
                <hr/>
                <ul>
                    <li>
                        <h3>
                            <ul class="info-content">
                    </svg>教务处多媒体-助理</span>
							</i>教务处多媒体岗</a>
                            <time>2021.9 至今</time>
                        </h3>
                        <ul class="info-content">
                            <li>学习并掌握了
                                <mark>调修东、中、西教学楼以及新综合楼上课需用设备</mark>这个技能，
                                并且在课余时间上班，当教学设备出现故障时能进行及时调修。</li>
                        </ul>
                    </li>
                </ul>
            </main>

            <!-- 项目经验 -->
            <main class="project info-unit">
                <h2>
                    <i class="fa fa-laptop" aria-hidden="true"></i>个人项目</h2>
                <hr/>
                <ul>
                    <li>
                        <h3>
                            <span>[项目1]第一个网页的制作</span>
                            <span class="link">
                                <a href="#" target="_blank">👆点我查看</a>
                            </span>
                            <time>2023.12.12-2023.12.18</time>
                        </h3>
                        <ul class="info-content">
                            <li>技术栈：HTML5+Gitee pages</li>
                            <li>
                               <i class="fa fa-paper-plane-o" aria-hidden="true"></i>
                                                                                                实现网络与新媒体专业第一个个人网页的制作
                                <br/>
                                <i class="fa fa-users" aria-hidden="true"></i>
                                                                                                  参与课程的讨论及提出建议
                                <br/>
                                <i class="fa fa-bars" aria-hidden="true"></i>
                                                                                                 完成从
                                <mark>“借鉴黄杰琪学长源代码-修改网页个人内容-配置css样式文件”</mark>等工作，对html5进行了初步的学习，从而实现对个人简历模板的修改
                                <br/>
                                 <i class="fa fa-thumbs-o-up" aria-hidden="true"></i>
                                                                                                 借鉴了黄杰琪学长部分代码，成功完成了个人第一个简历网页。  </li>
                        </ul>
                    </li>
                    <li>
                        <h3>
                            <span>[项目2]进行API人工之智能语音、人脸识别和地图识别</span>
                            <span class="link">
                                <a href="https://gitee.com/loucan/api" target="_blank">👆点我查看</a>
                            </span>
                            <time>2023.3-2023.7</time>
                        </h3>
                        <ul class="info-content">
                            <li>技术栈：API+人脸识别+语音识别+地图API的使用</li>
                            <li>
                                <i class="fa fa-paper-plane-o" aria-hidden="true"></i>
                                	进行网络技术与协作的总结，学会运用各类API接口
                                <br/>
                                <i class="fa fa-users" aria-hidden="true"></i>
                                                                                                  与多位同学进行讨论与总结研究
                                <br/>
                                <i class="fa fa-bars" aria-hidden="true"></i>
                                	总结
                                <mark>学会运用</mark> 各类API接口用法，并对本学期所学各类API接口一一列出，进行总结，并学会使用
                                <mark>gitee</mark> 进行文件的修改与提交
                                <br/>
                                <i class="fa fa-thumbs-o-up" aria-hidden="true"></i>
                               	熟练使用各类API接口，用人工智能进行人脸对比、语音识别和地图识别。
                            </li>
                        </ul>
                    </li>
                    <li>
                        <h3>
                            <span>[项目3]进行python数据分析</span>
                            <span class="link">
                                <a href="https://gitee.com/loucan/python---data-analysis" target="_blank">👆点我查看</a>
                            </span>
                            <time>2023.3-2023.7</time>
                        </h3>
                        <ul class="info-content">
                            <li>技术栈：python+gitee+POST请求方法+增加cookie信息+数据整理导出</li>
                            <li>
                                <i class="fa fa-paper-plane-o" aria-hidden="true"></i>
                             	   	达到利用python进行网络技术与协作的作用
                                <br/>
                                <i class="fa fa-users" aria-hidden="true"></i>
                                	自己完成
                                <br/>
                                 <i class="fa fa-bars" aria-hidden="true"></i>
                                	分析项目需求，用
                                <mark>python jupyter notebook</mark> 进行了页面的数据API接口，提供正确的用户请求酬载（payload），对数据进行请求并分析整理成表格及图片导出。
                                <br/>
                                <i class="fa fa-thumbs-o-up" aria-hidden="true"></i>
                                	完成项目所有工作
                            </li>
                        </ul>
                </ul>
                <ul>
                <li>
                        <h3>
                            <span>[项目4]参与《网络刷单》微电影的拍摄</span>
                            <span class="link">
                                <a href="https://v.douyin.com/i8UbY88H/" target="_blank">👆点我查看</a>
                            </span>
                            <time>2022.3-2022.7</time>
                        </h3>
                        <ul class="info-content">
                            <li>技术栈：<mark>演技</mark>+<mark>实力</mark></li>
                            <li>
                                 <i class="fa fa-paper-plane-o" aria-hidden="true"></i>
                             	   	完成《网络刷单》中诈骗团伙2号的形象演绎
                                <br/>
                                <i class="fa fa-users" aria-hidden="true"></i>
                                	与文传22级钟金鸿等人共同完成拍摄《网络刷单》
                                <br/>
                                <i class="fa fa-bars" aria-hidden="true"></i>
                                	从陌生到熟悉，从十几遍到一遍过，完成了人生第一部微电影的出演，在演绎角色的同时，也对摄影方面有了更多的接触。
                                 <br/>
                        </ul>
            </main>

            <!-- 自我评价 -->
            <main class="work info-unit Site-content">
                <h2>
                   <i class="fa fa-pencil-square" aria-hidden="true"></i>实习经历(暂无实习经历，有了会更新🤣）</h2>
                <hr/>
                <ul class="info-content">
                            <h3>XXXXX计算机系统有限公司</h3>
                            <li>
                                 <i class="fa fa-tree" aria-hidden="true"></i>
                                 <b>XXXXX：</b><br/>
                                 <i class="fa fa-tree" aria-hidden="true"></i>
                                <b>XXXXX：</b>
                                <br/>
                                 <i class="fa fa-tree" aria-hidden="true"></i>
                                <b>XXXXX：</b>
                                <br/>
                            </li>
                        </ul>

            </main>
        </section>
    </article>



    <footer>
        <p>© 2021 娄灿.文档最后更新时间为
            <time>2023年1月13日</time>.</p>
    </footer>

    <!-- 侧栏 -->
    <aside>
    	<div class="mask"></div>
    <div id="silder">
         <ul >
             <li><a href="#"target="_blank">网页设计与制作</a></li>
             <li><a href="https://www.nfuedu.cn/?p=5"target="_blank">大数据</a></li>
             <li><a href="#"target="_blank">线上调查与统计</a></li>
             <li><a href="#"target="_blank">信息可视化</a></li>
             <li><a href="https://www.nfuedu.cn/"target="_blank">wordpress</a></li>
         </ul>
    </div>
    
    <style>
    .top {
        display: flex;
        flex-direction: column;
        align-items: center;
        text-align: center;
    }

    .top a {
        display: flex;
        flex-direction: column;
        align-items: center;
        text-decoration: none;
    }

    .top i {
        margin-bottom: 5px; 
    }

    *{
            margin: 0;
            padding: 0;
            box-sizing:border-box;
            cursor: none;           
        }

        .mouse{
        width: 50px;
        height: 50px;
        border-radius: 50%;;
        position: fixed;
        left: -200px;
        z-index: 1000;
        pointer-events: none;
    }
</style>

    <div class="top">
        <a href="#">
            <i class="fa fa-hand-pointer-o" aria-hidden="true" /></i>
            <p>TOP</p>
        </a>
    </div>
</div>
       <div class="aside">
        <ul>
            <li>
                <a href="https://gitee.com/itsay/resume" target="_blank">源代码</a>
            </li>
        </ul></div>
    </aside>
    
    <script src="./assets/js/index.js"></script>
</body>

<script type="text/javascript">
    var mouse = document.querySelector('.mouse');
        window.addEventListener('mousemove',function(event){    
            mouse.style.left = event.clientX - mouse.offsetWidth/2 + 'px' ;
            mouse.style.top = event.clientY -mouse.offsetHeight/2 + 'px';       
        })
</script>
</html>